<html>
<script src="jquery-2.1.3.js"></script>
<script src="jquery-ui.js"></script>
<script src="niceforms.js"></script>
<script src="jquery.jclock-1.2.0.js"></script>
<script src="ddaccordion.js"></script>
<script src="smooth-Div-Scroll/js/jquery.smoothdivscroll-1.3-min.js"></script>
<script src="smooth-Div-Scroll/js/jquery.kinetic.js" type="text/javascript"></script>
<script src="smooth-Div-Scroll/js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="jquery.validate.js"></script>
<script src="additional-methods.js"></script>

<script src="coin-slider.js"></script>
<link rel="stylesheet" type="text/css" href="coin-slider-styles.css"/>

<link rel="stylesheet" type="text/css" media="all" href="css/niceForm/niceforms-default.css"/>
<link rel="stylesheet" type="text/css" href="css/niceForm/style.css"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css"/>
<link rel="Stylesheet" type="text/css" href="smooth-Div-Scroll/css/smoothDivScroll.css" />
<link rel="Stylesheet" type="text/css" href="jquery-ui.css" />

<head>
    <title>MANA | ADMINSTRADOR</title>
</head>
<body>
<div id="main_container">

    <div class="header">
      <!--  <div class="logo"><a href="#"><img src="img/images/logo_mana.jpg" alt="" title="" border="0" /></a></div>-->
        <div class="logo"><a href="#"><img src="img/images/diseno_logo1.jpg" alt="" title="" border="0" /></a></div>
        <!-- <div class="logo"><a href="#"><img src="img/images/animacion3.jpg" alt="" title="" border="0" /></a></div>-->
        <div class="jclock"></div>
        <div class="right_header">  Usuario: <?php echo $username ?>  | <a id="cerrar_session_link" href="#">Cerrar Sesion</a></div>


    </div>

    <div class="main_content">

        <div class="menu">
            <ul>
                <li><a id="principal_link" class="current" href="#">Inicio</a></li>
               <!-- <li><a class="current" href="http://localhost/disenoweb/template_admin">Inicio</a></li>-->
                <li><a>Historia<!--[if IE 7]><!--></a><!--<![endif]-->

                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="historia_link" href="#" title="">la historia </a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a>Mision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="mision_link"href="#" title="">mision de la empresa</a></li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a>Vision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="vision_link"href="#" title="">la vision de la empresa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a id="vision_link"href="#">Registrar<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>

                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>

                        <li><a  >Introducir nuevo</a> <!--<![endif]-->
                            <!--[if lte IE 6]>
                            <table>
                                <tr>
                                    <td><![endif]-->
                            <!-- <ul>
                            <!--  <li><a href="../index.php/admin" title="">ADMINISTRADOR</a></li>
                            <!--  <li><a href="../index.php/operador" title="">USUARIO</a></li>-->
                            <ul>
                                <li><a id="empleado_link"href="#" title="">Empleado</a></li>
                                <li><a id="producto_link"href="#" title="">Producto</a></li>
                                <li><a id="tipo_producto_link"href="#" title="">Tipo Producto</a></li>
                                <li><a id="venta_servicio_link" href="#" title="">Venta Servicio</a></li>
                                <li><a id="venta_pedido_link"href="#" title="">Venta Pedido</a></li>
                            </ul>

                            <!--// </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>

                <li><a>Ubicacion<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="mapita_link"href="#" title="">Mapa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>

                <!--[if lte IE 6]></td></tr></table></a><![endif]-->

                <li><a id="contact_link" href="#">Contactos</a></li>
            </ul>
        </div>


        <div class="center_content">
            <div class="left_content">
                <div class="sidebarmenu">
                    <a class="menuitem submenuheader" href="">Registrar Nuevo</a>

                    <div class="submenu">
                        <ul>
                            <li id="LiClient"><a href="#" id="signup_link"> loguin</a></li>

                        </ul>
                    </div>

                    <a class="menuitem submenuheader" href="">Reporte</a>

                    <div class="submenu">
                        <ul>
                            <li><a id="reporte_venta_pedido_link" href="reportico-4.2/run.php?project=mana&xmlin=venta_pedido&execute_mode=EXECUTE"> Venta pedido</a></li>

                            <li><a id="rota_junior_link" href="reportico-4.2/run.php?project=mana&xmlin=venta_servicio&execute_mode=EXECUTE">Venta servicio</a></li>
                            <li><a id="turbo_link" href="reportico-4.2/run.php?project=mana&xmlin=reporte_cliente&execute_mode=EXECUTE">datos cliente</a></li>
                        </ul>
                    </div>

                </div>
                <div class="NFTextareaRight_blue"><h2>Contactos<br>Telefono : (591)(04)4257566<br>Cochabamba - Bolivia
                    </h2>
                </div>
                <div>
                    <td>
                        <div id="small-coin-slider">
                            <a  href="#"><img src="img/images/taller.jpg" /></a>

                            <a  href="#"><img src="img/images/MANA_logo.jpg" /></a>
                            <a  href="#"><img src="img/images/foto_1.jpg" /></a>
                            <a  href="#"><img src="img/images/foto_2.jpg" /></a>
                            <a  href="#"><img src="img/images/foto_3.jpg" /></a>
                        </div>
                    </td>
                </div>
                <div><td><a  href="#"><img src="img/images/logo.gif" alt="" title="" border="0" /></a></td></div>
            </div>
            <div class="right_content">
            </div>
            <div class="clear"></div>

        </div>
    </div>
    <!--end of main content-->


    <div class="footer">



        <div>
            <div class="left_footer">HORNOS INDUSTRIAL | PANIFICACION MARCO<a href="http://indeziner.com">Tec.MANA</a>
            </div>
           <font color=#FFFFFF>
                    <marquee>
                        <center>FABREICA DE HORNOS INDUSTRIALES PARA LA PANADERIA Y SU IMPLEMENTO</center>
                    </marquee>
                </font>

        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    ddaccordion.init({
        headerclass: "submenuheader", //Shared CSS class name of headers group
        contentclass: "submenu", //Shared CSS class name of contents group
        revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
        mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
        collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
        defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
        onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
        animatedefault: false, //Should contents open by default be animated into view?
        persiststate: true, //persist state of opened contents within browser session?
        toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
        togglehtml: ["suffix", "<img src='img/images/plus.gif' class='statusicon' />", "<img src='img/images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
        animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
        oninit: function (headers, expandedindices) { //custom code to run when headers have initalized
            //do nothing
        },
        onopenclose: function (header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
            //do nothing
        }
    });
    function load_content(pageName) {
        console.log('loading page: ' + pageName);
        $('.right_content').load(pageName);
    };



    $(document).ready(function () {
        $('.jclock').jclock();

        $('#small-coin-slider').coinslider(
            {
                links:false,
                delay:2000,
                width:150,
                height:150
            });


//---------------- inicio
        $('#principal_link').click(function () {
            load_content('admin_inicio');
            return false;
        });

        $('#empleado_link').click(function () {
            load_content('empleado');
            return false;
        });

        $('#historia_link').click(function () {
            load_content('historia_mana');
            return false;
        });

        $('#mision_link').click(function () {
            load_content('mision');
            return false;
        });

        $('#vision_link').click(function(){
            load_content('vision');
            return false;
        });

        $('#mapita_link').click(function(){
            load_content('mapita');
            return false;
        });
        $('#contact_link').click(function(){
            load_content('contact');
            return false;
        });
        $('#admin_template_link').click(function(){
            load_content('admin_template');
            return false;
        });
        $('#login_link').click(function(){
            load_content('login');
            return false;
        });
        $('#producto_link').click(function(){
            load_content('producto');
            return false;
        });
        // $('#producto_link').click(function(){
        //   load_content('producto_ajeno');
        // return false;
        //})
        $('#tipo_producto_link').click(function(){
            load_content('tipo_producto');
            return false;
        });
        $('#venta_servicio_link').click(function(){
            load_content('venta_servicio');
            return false;
        });
        $('#venta_pedido_link').click(function(){
            load_content('venta_pedido');
            return false;
        });
        $('#signup_link').click(function(){
            load_content('signup');
            return false;
        });
        $('#aspiralgrande_link').click(function(){
            load_content('aspiralgrande');
            return false;
        });
        $('#aspiralmediano_link').click(function(){
            load_content('aspiralmediano');
            return false;
        });
        $('#aspiral_link').click(function(){
            load_content('aspiral');
            return false;
        });
        $('#divisora_link').click(function(){
            load_content('divisora');
            return false;
        });
        $('#carro_enfriador_link').click(function(){
            load_content('carro_enfriador');
            return false;
        });
        $('#mesa_link').click(function(){
            load_content('mesa');
            return false;
        });
        $('#fermentador_link').click(function(){
            load_content('fermentadora');
            return false;
        });





        $('#cerrar_session_link').click(function(){
            $.ajax({
                //url:// "http://localhost/disenoweb1/index.php/password/validate_credentials",
                url: "logout",
                type: "post",
                success: function (data) {
                    window.location.replace(data);
                },
                error: function () {
                    alert("failure");
                    //$("#result").html('there is error while submit');
                }
            });
            return false;
        });
    });




</script>